/* index.scss */
.ui-page-loading{
  z-index: 9994;

  .ui-loading-box {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    color: var(--win-loading-textColor);
    &-background {
      background: var(--win-loading-backgroundColor);
      box-shadow: 0 0 6rpx var(--win-loading-shadowColor);
      border: 1rpx solid var(--win-loading-borderColor);
      border-radius: 10rpx;
    }
    &-context {
      display: inline-flex;
      aspect-ratio: 1 / 1;
      min-width: calc(30vw - 40rpx);
      max-width: calc(50vw - 40rpx);
      padding: 20rpx;
      align-items: center;
      justify-content: center;
      flex-flow: column;
      &-icon {
        aspect-ratio: 1 / 1;
        width: 80rpx;
        overflow: hidden;
        margin-bottom: 20rpx;
        &-image {
          width: 100%;
          height: 100%;
        }
      }
      &-text {

      }
    }
  }
}
.mask {
  background-color: var(--win-loading-maskColor) !important;
}

.ui-loading-close{
  position: fixed;
  top: calc(var(--win-navBar-height) + var(--win-status-bar-height) + 50rpx);
  right: 50rpx;
  aspect-ratio: 1 / 1;
  border-radius: 50%;
  width: 50rpx;
  background-color: var(--win-loading-closeColor);
  text-align: center;
  line-height: 50rpx;
}